<template>
	<div class="wallet">
		<div class="zBox">
			<div class="container">
				<div class="title text-center">
					<h3 class="col-f">软件钱包</h3>
					<div class="b-line"></div>
				</div>

				<div class="row text-center col-f ">
					<div class="col-xs-6 txt-left">

						<div class="bbox a">
							<div class="row">
								<div class="box">
									<div class="col-xs-6">
										<img src="../../static/img/wallet/img_6.png"/>
									</div>
									<div class="col-xs-6">
										<div class="txt-bok text-left">
											<h5>硬钱包+软钱包 模式</h5>
											<p>此模式需要配合硬件钱包，利用硬件钱包的主私钥生成的主公钥输入软件，软件根据此公钥扩展生成相应的公钥和地址，签名通过硬件钱包执行。软件主要式生成公钥和管理地址。</p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="bbox">
							<div class="row">
								<div class="box">
									<div class="col-xs-6">
										<img src="../../static/img/wallet/img_7.png"/>
									</div>
									<div class="col-xs-6 text-left">
										<div class="txt-bok">
											<h5>独立软钱包模式</h5>
											<p>软件钱包主要围绕多签、隔离等方式实现自身的安全防护，另外TA软钱包会产生一种类似防火墙的防护机制，通过对钱包与TA-app生态的结合，构建防火墙。</p>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>

					<div class="col-xs-6 bbox txt-right">
						<div class="box row">
							<img class="img" src="../../static/img/wallet/img_8.png"/>
							<div class="txt-bok">
								<h5>1）单软件钱包模式</h5>
							    <p>钱包隔离，采用类似的多层沙盒机制，加上最先进的加密算法实现私钥保护，同时利用HD层次确定性结构生成和管理公钥和地址。</p>
							</div>
							<div class="txt-bok">
								<h5>2）双软件钱包模式</h5>
							    <p>一个软件钱包安装生成好后隔离网络，只负责签名交易，同时另一个钱包负责公钥生成和地址管理，需要发出交易时利用隔离网络的钱包签名，并通过二维码传输到带有网络的另一个软钱包发出签名。</p>
							</div>
						</div>
					</div>
				</div>

			</div>
	</div>
	<img class="bg bg1" src="../../static/img/wallet/6.png"/>
	<img class="bg bg2" src="../../static/img/wallet/7.png"/>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.title{margin: 50px auto;}
	.wallet{background: #261452;padding: 50px 0;position: relative;}
	h3{padding-bottom: 20px;margin: 0 auto;}
	.b-line{background:#6c55d0;width: 5%;margin: 0 auto;height: 2px;}
	img{margin: 0 auto;}
	.box img{width: 90%;margin-top: 20px;}
	.box img.img{width: 50%;margin-top: 20px;}
	.txt-bok{width:94%;margin: 50px auto 0;line-height: 30px;}
	.bbox{padding: 15px;}
	.bbox .row{border: 1px solid #6c55d0;}
	.bbox.a{margin-bottom: 30px;}
    .txt-left .bbox .row{height: 240px;}
    .txt-right .row{height: 540px;}
	.bg{position: absolute;}
	.bg1{right: 0;bottom: 0;}
	.bg2{left: 0;bottom: 0;width: 100%}
</style>
